/* temporary reset css */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

@import "normalize";
@import "foundation";
@import "foundation/_functions";

// @import "foundation/components/modules/buttons";
// @import "foundation/components/modules/tabs";
// @import "foundation/components/modules/ui";
// @import "foundation/components/modules/topbar";
// @import "foundation/components/modules/navbar";
// @import "foundation/components/modules/orbit";
// @import "foundation/components/modules/reveal";
.manager {
    width: 720px;
}

.parentchild {
    @include grid-row;

    button {

        @include button-base($button-tny);
    }

    ul {
        list-style: none;
    
    button {

        @include button-base($button-tny);
    }}

    ol {
        list-style: none;
    
    button {

        @include button-base($button-tny);
    }}

    .editor form {
        display: block;
    
    button {

        @include button-base($button-tny);
    }}

    .viewer figure {
        display: block;
    
    button {

        @include button-base($button-tny);
    }}

    .viewer section {
        display: block;
    }

        button {
            @include button-size;

            @include button-base($button-tny);
        }
    article {

        section {
            @include grid-column($columns:8);
            display: none;

            table {
                @include table;
                width: 100%;
            }
        }

        form {
            @include grid-column($columns:8);
            display: none;
        }

        figure {
            @include grid-column($columns:7);
            display: none;
        }
    }

    .selected {
        background-color: green;
    }
    // had all the form settings
    // had all the ol/li settings in form
    // ul/li in blog roll
    // had the dt settings
    // had proper grid columns
    // button tiny import
    // section, figure and form have display set to none
    // overrides with proper
    aside {
        @include grid-column($columns:4);
        float: right;
    }


    .maxmedium {
        max-height: 450px;
    }

    .medium {
        height: 450px;
    }
}

